<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
ul#menu {
	font-size: 1.2em;
	padding: 0;
	margin:0;
	color: #fff;
	font-family: "Times New Roman";
	white-space:nowrap;
	list-style-type: none;
	width: 100%;
	height: 100%;
}

div#control_bar {
	padding: 0;
	margin: 2;
	width: 100%;
	background-color: #fc6;
	height:27px;
}

ul#menu li {
	display: inline;
}

ul#menu li a {
	padding: 0.2em 1em;
	background: #fc6;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 1px solid #000;
	height: 22px;
}

ul#menu li a:hover {
	background: #08c;
	color: #fff;
}


</style>
</head>
<body target ="WholeFrame">
<div align="right">
	<a href= "EditUserData" target="leftFrame">User Account</a>
</div>
<div id="control_bar">
  <ul id="menu">
	<li><a href="burger_type.jsp" target ="leftFrame">BUILD YOUR OWN BURGER</a> 
	<li><a href="StarterServlet" target = "leftFrame">STARTERS</a> 
	<li><a href="SignatureBurgerServlet" target="leftFrame">SIGNATURE BURGERS</a> 
	<li><a href="" target="leftFrame">BURGERS IN A BOWL</a> 
	<li><a href="" target="leftFrame">TASTY SANDWICHES</a> 
	<li><a href="AddKidsServlet" target="leftFrame" >KIDS TREAT</a> 
	<li><a href="AddDessertServlet" target="leftFrame">YUMMY DESSERTS</a> 
	<li><a href="" target="leftFrame">FOUNTAIN</a> 
	<li><a href="AddBeverageServlet" target="leftFrame">COOL BEVERAGES</a> 
	<li><a href="LogOutServlet" target=_top>LOG OUT</a> 
  </ul> 
</div>
    

</body>
</html>